<html>
 <head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>bms系统主页</title>
		<link rel="stylesheet" type="text/css" href="../static/css/base.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../static/js/elementUI/index.css"/>
		<link rel="stylesheet" type="text/css" href="../static/js/elementUI/indexfont.css"/>
		<link rel="stylesheet" type="text/css" href="../static/js/elementUI/docs.bbc11ec.css"/>
		<script   src="../static/js/lib/require.js" type="text/javascript" charset="utf-8"></script>
		<script   src="../static/js/require-config.js" type="text/javascript" charset="utf-8"></script>
	 
		</head>
	 <script type="text/javascript">
	
	    require(['index'],function(e){
	    	e.init();
	    });
	 </script>
<script type="text/x-template" id="left-menu-template">
   <el-submenu :index="allindex"  v-if="menu.children&&menu.children.length" :allindex="allindex">
   	<template slot="title"><i :class="menu.icon"></i>
        	 <span> {{menu.menuName}} </span>
    </template>
     <bmsmenu v-for="(menu,index) in menu.children" :menu="menu" :index="allindex+'-'+(index+1)" :allindex="allindex+'-'+(index+1)" :key="allindex+'-'+(index+1)">
             
     </bmsmenu>
   </el-submenu>
   <el-menu-item :index="allindex" v-else-if="!menu.children||!menu.children.length" :allindex="allindex" :id="WebRootUrl+menu.url" :name="menu.menuName">
   	<i :class="menu.icon">
   </i><span>{{menu.menuName}}</span>
    </el-menu-item>
</script>
	<body>
		<div id="container" style="display: none;" >
		       <!-- 左侧菜单 -->
		       <div id="leftmenu">
		      		<vue-scrollPanel>
		      		<vue-scroll-con>
			      	 <el-menu   default-active="1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" theme="dark" key="(index+1)+''" @select="handleSelect"  :collapse="false">
				       <bmsmenu v-for="(menu,index) in menus" :menu="menu" :index="(index+1)+''" :allindex="(index+1)+''" :key="(index+1)+''">
				       
				      </bmsmenu>
				    </el-menu>
				    </vue-scroll-con>
				     </vue-scrollPanel>
				     <vue-scroll>
		  	   
		  	         </vue-scroll>
			   </div>
			    	 
			      	 <!-- 右侧部分 -->
		      <div id="content">
		      		
			      	 <!-- 右侧头部 -->
			      	  <div id="head">
				      	<!-- <img src="../static/img/logo.png" />
				      	<div style="height: 100%;line-height:60px;" v-cloak>现在是:{{ time }},欢迎您,admin</div> -->
				        <!-- 标签页 -->
				        <div id="tabsPage">
				        <el-tabs v-model="bmsactivetab" type="card"  @tab-remove="removeTab" @tab-click="tabClick">
						  <el-tab-pane v-for="(item, index) in bmstabs" :key="item.url" :label="item.menuname" :name="item.url" :id="item.url" :closable="item.closable">
						        
						  </el-tab-pane>
						</el-tabs>
				        </div>
				       
				        <!-- 一些操作 -->
				        <div id="editPerson">
				        <el-dropdown style="height:42px;line-height:42px" @command="handerOpsClick">
						  <span class="el-dropdown-link" style="cursor: pointer;color: #20a0ff;font-size:17px">
						    下拉菜单<i class="el-icon-caret-bottom el-icon--right"></i>
						  </span>
						  <el-dropdown-menu slot="dropdown">
						    <el-dropdown-item v-cloak command="logout">退出系统</el-dropdown-item>
						    </el-dropdown-menu>
						</el-dropdown>
				        </div>
				      </div>
				      <!-- 右侧框架 -->
				      <div id="myframe">
			          <iframe name="c_frame" frameborder="0" id="indexFrame" @load="changeFrameHeight()">
			          
			          </iframe>
			          </div>
			          <!-- 右侧底部 -->
			          <div id="foot">
				      	<div style="align-self: flex-end;">版权所有&copy;yaoliguo、wangyi</div>
				      </div>
			      	 </div>
			</div>
			 <!-- 显示欢迎界面，结束时隐藏 -->
		<div id="showWelcome" style="display:none">
			 <transition-group 
			 	name="welcome" 
			tag="p"
			v-bind:css="false"
			v-on:before-enter="beforeEnter"
			v-on:enter="enter"
			v-on:leave="leave"
			mode="out-in"
			style="display:block;text-align:center;display:table;height:100%"
			v-cloak
			 	>
			 	 
			 	<span 
			 	  v-if="item.show"	
				  v-for="(item,index) in items"
				  v-bind:key="index"
				  v-bind:data-index="index"
				  v-cloak
				  style="font-size:30px;display: table-cell;vertical-align: middle;"
				 >
				{{ item.msg }}	
				</span>
				</v-if>
			 </transition-group>
		</div>
		 
	</body>
</html>
